﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/public.css">
    <title>编辑</title>
    <style>
        html,body{
            width:100%;
            height:100%;
        }
        .containerproject{
            width:80%;
            margin: 0 auto 70px;
            position:relative;
        }
        .savebtn{
            bottom:0;
            width:100%;
            position: fixed;
            text-align: center;
            padding:16px 0;
            font-size:20px;
            background:rgb(244,244,244);
            margin-left:-10%;
        }
        .person{
            line-height:60px;
            border-bottom:1px solid #dddddd;
            padding:6px 0 6px;
        }
        .pic{
            float:left;
            border-radius: 50%;
            width:60px;
        }
        .check{
            float: right;
            position:relative;
            width:40px;
            height:40px;
        }
        .check input{
            padding-left:10px;
            position:absolute;
            left:50%;
            top:50%;
        }
        .name{
            padding:0 20px;
            font-size:
        }
        .contentbtn{
            width:80%;
            margin:0 auto;
            position:relative;
        }
        .selecticon{
            position:absolute;
            top:0;
            left:0;
            line-height: 60px;
            display: block;
            height:60px;
        }
        .selecticon img{
            width:100%;
            padding:10px 0;
        }
        .tleheader{
            background: rgb(46,182,185);
        }
        h1{
            color:#fff;
        }
    </style>
</head>
<body>
    <header class="tleheader">
        <p class="backbtn"><a style="margin:0;">
            <img src="../icon/arrow/zjt.png" class="backpic" alt="">
            <span>返回</span></a>
        </p>
        <h1 class="tc" style="color:#fff;">编辑</h1>
    </header>
<div class="containerproject">
    <div class="msgcontent">
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox1" type="checkbox" class="checkbox">
                <label for="Checkbox1" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox2" type="checkbox" class="checkbox">
                <label for="Checkbox2" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox3" type="checkbox" class="checkbox">
                <label for="Checkbox3" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox4" type="checkbox" class="checkbox">
                <label for="Checkbox4" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox5" type="checkbox" class="checkbox">
                <label for="Checkbox5" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox6" type="checkbox" class="checkbox">
                <label for="Checkbox6" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox7" type="checkbox" class="checkbox">
                <label for="Checkbox7" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox8" type="checkbox" class="checkbox">
                <label for="Checkbox8" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox9" type="checkbox" class="checkbox">
                <label for="Checkbox9" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox10" type="checkbox" class="checkbox">
                <label for="Checkbox10" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>
        <div class="person">
            <img src="../icon/head.png" class="pic" alt="">
            <span class="name">张XX</span>
            <div class="check">
                <input id="Checkbox11" type="checkbox" class="checkbox">
                <label for="Checkbox11" class="selecticon">
                    <img src="../icon/select/unchecked.png" alt="">
                </label>
            </div>
        </div>

        <div class="savebtn">
            <div class="contentbtn">
                <a href="#" style="color:rgb(46,182,185);">保存</a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/back.js"></script>
<script>
    var all = document.getElementById("selectall");
    var num = document.getElementById("selectnum");
    var checkbox = document.getElementsByClassName("checkbox");
    var icon = document.getElementsByClassName("selecticon");

    var select = new Array();
    var truecheck = 0;
    for(var i = 0; i < checkbox.length; i++){
        select[i] = function(x){
            checkbox[x].onclick = function(){
                for(var j = 0; j < checkbox.length; j++){
                    if(checkbox[j].checked == true){
                        truecheck++;
                        icon[j].getElementsByTagName("img")[0].src = "../icon/select/checked.png";
                    }else{
                        icon[j].getElementsByTagName("img")[0].src = "../icon/select/unchecked.png";
                    }
                }
                truecheck = 0;
            }
        }
        select[i](i)
    }
</script>
</body>
</html>